<html>
    <head>
        <title>Welcome to Grails</title>
        <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script> 
		<script type="text/javascript" src="js/jquery-ui-1.7.1.custom.min.js"></script> 
		<script type="text/javascript" src="js/daterangepicker.jQuery.js"></script> 
		<link rel="stylesheet" href="css/ui.daterangepicker.css" type="text/css" /> 
		<link rel="stylesheet" href="css/redmond/jquery-ui-1.7.1.custom.css" type="text/css" title="ui-theme" /> 
		<script type="text/javascript">	
			$(function(){
				  $('#rangeA').daterangepicker({
					  arrows:true,
					  onChange: function(){
						  					var query = $('#rangeA').val();
						  					${remoteFunction(action:'test', params:'\'query=\' + query')};
				  				}
 					  });
			 });
		</script> 
    </head>
    <body>
    	<input style="width: 165px; height: 2.6em; display:block;" type="text" value="4/23/10" id="rangeA" />
    	<b></b>
    	<script type="text/javascript">
    		$(document).ready(function() {
				<g:remoteFunction action="test"/>
			});
		</script>
    </body>
</html>
